<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <title>首页 - 中海创科技 - 海创EAP低代码工业互联网平台</title>
    <meta charset="UTF-8">
    <meta name="Keywords"
        content="海创EAP,低代码,工业互联网平台,移动EAP开发平台,海创EAP开发者中心,sass开发平台,在线云开发,积木式开发,海创微服务、海创EAP计算、海创大数据、海创移动应用,WEB可视化建模,海EAP低代码,工业互联网一站式解决方案" />
    <meta name="description"
        content="Web可视化低代码开发,,自带多个行业软件在内的功能模版,高效稳定,可直接使用,一次配置多端同步生成,PC端、Pad端、小程序、App和H5等多终端使用,海创EAP打造安全可靠的生态平台,为企业保驾护航">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/plugins/swiper/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <link rel="stylesheet" type="text/css" href="/css/index.css">
    <script type="text/javascript" src="/plugins/jquery.min.js"></script>
    <script type="text/javascript" src="/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/plugins/superSlide.js"></script>
    <script type="text/javascript" src="/plugins/swiper/swiper.min.js"></script>
</head>

<body>
    <!-- 头部 -->
    <!-- <header class="hc-head">

    </header> -->
    <style>
        .hc-content-box {
            min-width: 200px;
            position: absolute;
            left: 0;
            top: 20px;
            background: #fff;
            -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 20%);
            box-shadow: 0 0 10px rgb(0 0 0 / 20%);
            /* display: none; */
            z-index: 100;
            overflow: auto;
            border: 5px;
            z-index: 99;
        }

        .hc-content-box ul {
            overflow-y: auto;
            max-height: 300px;
        }

        .hc-content-box ul::-webkit-scrollbar {
            /*滚动条整体样式*/
            width: 4px;
            /*高宽分别对应横竖滚动条的尺寸*/
        }

        .hc-content-box ul::-webkit-scrollbar-thumb {
            /*滚动条里面小方块*/
            width: 4px;
            background: rgba(204, 204, 204, 1);
            border-radius: 5px;
        }

        .hc-content-box ul::-webkit-scrollbar-track {
            /*滚动条里面轨道*/
            border-radius: 5px;
            background: #FFFFFF;
        }

        .hc-content-box li {
            display: flex;
            justify-content: space-between;
            color: #888;
            padding: 5px 10px;
            line-height: 25px;
            font-size: 14px;
            cursor: pointer;
            white-space: nowrap;
        }

        .hc-content-box li span:first-child {
            margin-right: 20px;
        }

        .hc-content-box li span:last-child {
            opacity: 0.6;
        }

        .hc-content-box li:hover {
            background: #f5f5f6;
            color: #315efb;
        }

        .hc-content-box li.selected {
            background: #f5f5f6;
            color: #315efb;
        }
    </style>


    <style>
        .nav-pills.nav-default>li>a {
            color: #333333;
        }

        .nav-pills.nav-default>li.active>a {
            position: relative;
            color: #17579F;
            background-color: rgba(000, 000, 000, 0);
        }

        .nav.nav-default>li>a:focus,
        .nav.nav-default>li>a:hover {
            color: #17579F;
            background-color: rgba(000, 000, 000, 0);
        }

        .nav-pills.nav-default>li.active>a::after {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #17579F;
            position: absolute;
            left: 0;
            bottom: 0;
        }
    </style>
    <div style="">
        <ul class="nav nav nav-pills nav-default ">
            <li role="presentation" class="" style="margin: 0 20px;">
                <a href='#BlNavTabsItem_iTt7GCs9' data-toggle='tab'>标签</a>
            </li>
            <li role="presentation" class="">
                <a href='#BlNavTabsItem_kxSME3N3' data-toggle='tab'>
                    <i class="glyphicon glyphicon-asterisk"></i>
                    标签
                </a>
            </li>
            <li role="presentation" class=""><a href='#BlNavTabsItem_jfZXUqcw' data-toggle='tab'>标签 <i
                        class="glyphicon glyphicon-asterisk"></i></a></li>

        </ul>
        <div class="tab-content">
            <div class="tab-pane " id="BlNavTabsItem_iTt7GCs9">







            </div>
            <div class="tab-pane " id="BlNavTabsItem_kxSME3N3">







            </div>
            <div class="tab-pane " id="BlNavTabsItem_jfZXUqcw">







            </div>
        </div>
    </div>

    <style>
        .hc_block3_slide .hd>ul>li.on .hc_block3_hdnav {
            background: url(/images/index/block3-l-bg.png) no-repeat center/cover;
        }
    </style>
    <div class="hc-body">
        <!-- 轮播图 -->
        <div class="swiper-container hc_swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="/images/index/banner1.png" alt="">
                    <div class="hc-baner-descbox">
                        <div class="hc-baner-desc">
                            <p class="hc-baner-p1">海创EAP</p>
                            <p class="hc-baner-p2"> 低代码开发平台</p>
                            <p class="hc-baner-p3">
                                用高效的工具，响应复杂多变的工业数字化需求
                            </p>
                            <div class="hc-baner-btnlist">
                                <a class="hc-apply-btn" href="javascript:;">
                                    申请使用
                                </a>
                                <a class="hc-buy-btn" href="javascript:;">
                                    立即购买
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/images/index/banner2.png" alt="">
                    <div class="hc-baner-descbox">
                        <div class="hc-baner-desc">
                            <p class="hc-baner-p4">降低开发成本</p>
                            <p class="hc-baner-p5">
                                用高效的工具，响应复杂多变的工业数字化需求
                            </p>
                            <div class="hc-baner-btnlist">
                                <a class="hc-apply-btn" href="javascript:;">
                                    申请使用
                                </a>
                                <a class="hc-buy-btn" href="javascript:;">
                                    立即购买
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/images/index/banner3.png" alt="">
                    <div class="hc-baner-descbox">
                        <div class="hc-baner-desc">
                            <p class="hc-baner-p4">提高开发速度</p>
                            <p class="hc-baner-p5">
                                采用拖拉拽的开发模式，节省75%代码量，显著提升开发速度。
                            </p>
                            <div class="hc-baner-btnlist">
                                <a class="hc-apply-btn" href="javascript:;">
                                    申请使用
                                </a>
                                <a class="hc-buy-btn" href="javascript:;">
                                    立即购买
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <img src="/images/index/banner4.png" alt="">
                    <div class="hc-baner-descbox">
                        <div class="hc-baner-desc">
                            <p class="hc-baner-p4">面向多行业领域</p>
                            <p class="hc-baner-p5">
                                通过EAP低代码平台建设的项目和产品数量累计数千个，项目总金额数亿
                            </p>
                            <div class="hc-baner-btnlist">
                                <a class="hc-apply-btn" href="javascript:;">
                                    申请使用
                                </a>
                                <a class="hc-buy-btn" href="javascript:;">
                                    立即购买
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
        <div class="hc_block1">
            <div class="hc_block_ctn">
                <div class="hc_block1_main">
                    <div class="hc_block1_l">
                        <h4 class="hc_block1_title"><span>海创EAP</span>低代码开发平台</h4>
                        <div class="hc_block1_tag">
                            <span>20年沉淀</span>
                            <span>2000+模板</span>
                            <span>百万行代码</span>
                        </div>
                        <div class="hc_block1_desc">
                            <p>
                                EAP是一款在线低代码开发平台，提供企业统一应用信息化解决方案，帮助客户建设自主的软件基础平台，提升企业IT架构的统一性、灵活性和可主控扩展能力。EAP5.0经过多版的迭代，基于微服务的架构体系，为企业提供了互联网开发、测试、构造、发布、部署、云运维、云运营、云集成等各种平台技术能力。
                            </p>
                        </div>
                        <div class="hc_block1_more">
                            <a class="" href="/page/aboutus.html">查看更多 ></a>
                        </div>
                    </div>
                    <div class="hc_block1_r">
                        <img src="/images//index/block1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="hc_block2">
            <div class="hc_block2_top">
                <div class="hc_block_top">
                    <div class="hc_block_titlebox">
                        <h2 class="hc_block_title1">3步构建</h2>
                        <h4 class="hc_block_title2">3步构建专业级应用</h4>
                    </div>
                    <p class="hc_block_title3">简单的拖拉拽即可轻松搭建专业应用，极大降低开发门槛</p>
                </div>
            </div>
            <div class="hc_block2_slide">
                <div class="hd">
                    <ul>
                        <li>
                            <div class="hc_block2_nav">
                                <div class="hc_block2_navl">
                                    <div class="hc_block2_num">1</div>
                                    <ul>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                </div>
                                <div class="hc_block2_navr">
                                    <h4>拖拽添加组件 </h4>
                                    <p>所见即所得的可视化设计工具，通过拖拽式自定义表单界面，快速实现移动业务数据与页面元件的数据绑定</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="hc_block2_nav">
                                <div class="hc_block2_navl">
                                    <div class="hc_block2_num">2</div>
                                    <ul>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                </div>
                                <div class="hc_block2_navr">
                                    <h4>点击设置业务流 </h4>
                                    <p>全流程可视化开发，根据团队业务，灵活设计流转规则，项目级协助共享， 助力大型企业级应用高效构建</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="hc_block2_nav">
                                <div class="hc_block2_navl">
                                    <div class="hc_block2_num">3</div>
                                    <ul>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                        <li></li>
                                    </ul>
                                </div>
                                <div class="hc_block2_navr">
                                    <h4>一键灵活部署 </h4>
                                    <p>一键灵活部署，多端同步生成，实现多屏多端融合，轻松实现全平台覆盖</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div class="hc_block2_more">
                        <a class="" href="/page/login.html">查看更多 ></a>
                    </div>
                </div>
                <div class="bd hc_block2_bd">
                    <ul>
                        <li><img src="/images/index/block2-1.png" alt=""></li>
                        <li><img src="/images/index/block2-2.png" alt=""></li>
                        <li><img src="/images/index/block2-3.png" alt=""></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="hc_block3">
            <div class="hc_block_top">
                <div class="hc_block_titlebox">
                    <h2 class="hc_block_title1">开箱即用</h2>
                    <h4 class="hc_block_title2">丰富的工业模板组件，开箱即用</h4>
                </div>
                <p class="hc_block_title3">丰富的工业模板组件，多终端适配，页面构建简单高效</p>
            </div>
            <div class="hc_block_ctn">
                <div class="hc_block3_main">
                    <ul class="row row-no-gutters">
                        <li class="col-md-4 hc_block3_box">
                            <div class="hc_block3_item">
                                <div class="hc_block3_item_img">
                                    <img src="/images/appmarket/block4-1.png" alt="">
                                </div>
                                <div class="hc_block3_item_docs">
                                    <h4 class="child_docs_title"> 门户信息管理系统</h4>
                                    <div class="child_docs_tags">
                                        <span class="child_tag1">
                                            海创EAP
                                        </span>
                                        <span>|</span>
                                        <span class="child_tag2">
                                            25232使用
                                        </span>
                                    </div>
                                    <p class="child_docs_desc">
                                        以企业实际协同应用为出发点，将传统的企业门户功能、沟通及协作工具进行整合，为企业创建一个集成的个性化的协作空间服务，既能够满足企业信息系统易用性上的需求，又为企业内部协同工作提供空间。
                                    </p>
                                </div>

                            </div>
                        </li>
                        <li class="col-md-4 hc_block3_box">
                            <div class="hc_block3_item">
                                <div class="hc_block3_item_img">
                                    <img src="/images/appmarket/block4-2.png" alt="">
                                </div>
                                <div class="hc_block3_item_docs">
                                    <h4 class="child_docs_title"> 联盟供销信息管理平台</h4>
                                    <div class="child_docs_tags">
                                        <span class="child_tag1">
                                            海创EAP
                                        </span>
                                        <span>|</span>
                                        <span class="child_tag2">
                                            21533使用
                                        </span>
                                    </div>
                                    <p class="child_docs_desc">
                                        从生产制造，到运输交付形成一个完整的价值链，使企业可以对生产成本、库存、和订单进行可视化管理，并根据贴近实时的数据做出理性的分析和决定。</p>
                                </div>

                            </div>
                        </li>
                        <li class="col-md-4 hc_block3_box">
                            <div class="hc_block3_item">
                                <div class="hc_block3_item_img">
                                    <img src="/images/appmarket/block4-3.png" alt="">
                                </div>
                                <div class="hc_block3_item_docs">
                                    <h4 class="child_docs_title"> 厂级生产管理系统</h4>
                                    <div class="child_docs_tags">
                                        <span class="child_tag1">
                                            海创EAP
                                        </span>
                                        <span>|</span>
                                        <span class="child_tag2">
                                            11533使用
                                        </span>
                                    </div>
                                    <p class="child_docs_desc">通过工艺制程管控、生产计划管理、设备生产管理及仓库库存管理等维度，进行产线信息化升级改造及作业水平提升。</p>
                                </div>

                            </div>
                        </li>
                        <li class="col-md-4 hc_block3_box">
                            <div class="hc_block3_item">
                                <div class="hc_block3_item_img">
                                    <img src="/images/appmarket/block4-4.png" alt="">
                                </div>
                                <div class="hc_block3_item_docs">
                                    <h4 class="child_docs_title"> 财务管理系统</h4>
                                    <div class="child_docs_tags">
                                        <span class="child_tag1">
                                            海创EAP
                                        </span>
                                        <span>|</span>
                                        <span class="child_tag2">
                                            1575使用
                                        </span>
                                    </div>
                                    <p class="child_docs_desc">企业资金帐户，企业收支状况等方面的管理。</p>
                                </div>

                            </div>
                        </li>
                        <li class="col-md-4 hc_block3_box">
                            <div class="hc_block3_item">
                                <div class="hc_block3_item_img">
                                    <img src="/images/appmarket/block4-5.png" alt="">
                                </div>
                                <div class="hc_block3_item_docs">
                                    <h4 class="child_docs_title"> 设备管理系统</h4>
                                    <div class="child_docs_tags">
                                        <span class="child_tag1">
                                            海创EAP
                                        </span>
                                        <span>|</span>
                                        <span class="child_tag2">
                                            2875使用
                                        </span>
                                    </div>
                                    <p class="child_docs_desc">
                                        由信息系统来完成设备台账管理、点检管理、检修管理、运行管理、费用管理、备品备件管理、计量设备管理和特种设备管理，使人工管理中一些定性、随机的成分转变为定量的标准管理流程。业信息系统易用性上的需求，又为企业内部协同工作提供空间。
                                    </p>
                                </div>

                            </div>
                        </li>
                        <li class="col-md-4 hc_block3_box">
                            <div class="hc_block3_item">
                                <div class="hc_block3_item_img">
                                    <img src="/images/appmarket/block4-6.png" alt="">
                                </div>
                                <div class="hc_block3_item_docs">
                                    <h4 class="child_docs_title">企业智能移动巡检系统</h4>
                                    <div class="child_docs_tags">
                                        <span class="child_tag1">
                                            海创EAP
                                        </span>
                                        <span>|</span>
                                        <span class="child_tag2">
                                            1987使用
                                        </span>
                                    </div>
                                    <p class="child_docs_desc">通过巡检管理、巡检缺陷管理、报表管理、系统管理等方面支撑巡检体系，构建的智能、高效的专业巡检管理系统。</p>
                                </div>

                            </div>
                        </li>
                    </ul>
                    <div class="hc_block3_more">
                        <a href="/page/appmarket.html">了解更多 ></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="hc_block4">
            <div class="hc_block4_top">
                <div class="hc_block_top">
                    <div class="hc_block_titlebox">
                        <h2 class="hc_block_title1">快速实现</h2>
                        <h4 class="hc_block_title2">快速实现创新并取得成效</h4>
                    </div>
                    <p class="hc_block_title3">积木式搭建应用效率提升10+倍，极大缩短了创新周期</p>
                </div>
            </div>
            <div class="hc_block4_slide">
                <div class="hd">
                    <div class="hc_block4_hdbg">
                        <img src="/images/index/block4-logo-bg.png" alt="">
                    </div>
                    <ul>
                        <li>
                            <div class="hc_block4_imglist">
                                <img class="hc_block4_img" src="/images/index/block4-1.png" alt="">
                                <img class="hc_block4_img_active" src="/images/index/block4-1-active.png" alt="">
                            </div>
                            <span class="hc_block4_itemname">鑫港纺织机械</span>
                        </li>
                        <li>
                            <div class="hc_block4_imglist">
                                <img class="hc_block4_img" src="/images/index/block4-2.png" alt="">
                                <img class="hc_block4_img_active" src="/images/index/block4-2-active.png" alt="">
                            </div>
                            <span class="hc_block4_itemname">天津市捷威动力</span>
                        </li>
                        <li>
                            <div class="hc_block4_imglist">
                                <img class="hc_block4_img" src="/images/index/block4-3.png" alt="">
                                <img class="hc_block4_img_active" src="/images/index/block4-3-active.png" alt="">
                            </div>
                            <span class="hc_block4_itemname">中航锂电</span>
                        </li>
                        <li>
                            <div class="hc_block4_imglist">
                                <img class="hc_block4_img" src="/images/index/block4-4.png" alt="">
                                <img class="hc_block4_img_active" src="/images/index/block4-4-active.png" alt="">
                            </div>
                            <span class="hc_block4_itemname">华能福州电厂</span>
                        </li>
                        <li>
                            <div class="hc_block4_imglist">
                                <img class="hc_block4_img" src="/images/index/block4-5.png" alt="">
                                <img class="hc_block4_img_active" src="/images/index/block4-5-active.png" alt="">
                            </div>
                            <span class="hc_block4_itemname">金岳慧创</span>
                        </li>
                    </ul>
                </div>
                <div class="bd hc_block4_bd">

                    <!-- 鑫港纺织机械 -->
                    <div class="swiper-container hc_block4_swiper">
                        <div class="hc_block4_docs">
                            <h4 class="hc_block4_docs_title">机联网系统</h4>
                            <p class="hc_block4_docs_desc">支持实时采集设备状态数据、质量数据及能耗数据，快速搭建各项数据应用。</p>
                            <ul class="hc_block4__docs_list">
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-1-1.png" alt="">
                                    <p>减少 <span class="gl">20%</span><br>设备维护费</p>
                                </li>
                                <li class="hc_block4_docs_item active">
                                    <img src="/images/index/block4-1-2.png" alt="">
                                    <p>提高 <span class="gl">25%</span><br>设备使用率</p>
                                </li>
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-1-3.png" alt="">
                                    <p>减少 <span class="gl">50%</span><br>设备跌宕率</p>
                                </li>
                            </ul>
                            <div class="hc_block4_more">
                                <a href="/page/bestworks.html">了解更多 ></a>
                            </div>
                        </div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg1.png" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <!-- 天津市捷威动力 -->
                    <div class="swiper-container hc_block4_swiper">
                        <div class="hc_block4_docs">
                            <h4 class="hc_block4_docs_title">锂电池生产管理系统</h4>
                            <p class="hc_block4_docs_desc">为客户量身打造的“透明化生产、数字化车间、智能化工厂”的智能制造管理解决方案。</p>
                            <ul class="hc_block4__docs_list">
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-2-1.png" alt="">
                                    <p>智能化仓储</p>
                                </li>
                                <li class="hc_block4_docs_item active">
                                    <img src="/images/index/block4-2-2.png" alt="">
                                    <p>柔性化排程</p>
                                </li>
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-2-3.png" alt="">
                                    <p>可视化管理</p>
                                </li>
                            </ul>
                            <div class="hc_block4_more">
                                <a href="/page/bestworks.html">了解更多 ></a>
                            </div>
                        </div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg1.png" alt="">

                            </div>
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <!-- 中航锂电 -->
                    <div class="swiper-container hc_block4_swiper">
                        <div class="hc_block4_docs">
                            <h4 class="hc_block4_docs_title">生产管控（MES）系统</h4>
                            <p class="hc_block4_docs_desc">建立各业务环节信息关联性、共享性、可追溯性，便于各部门、各层级共享利用。</p>
                            <ul class="hc_block4__docs_list">
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-1-icon1.png" alt="">
                                    <p>监控车间各<br>种实时信息</p>
                                </li>
                                <li class="hc_block4_docs_item active">
                                    <img src="/images/index/block4-1-icon2-active.png" alt="">
                                    <p>缩短产品周<br>期，降低成本</p>
                                </li>
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-1-icon3.png" alt="">
                                    <p>消除“信息孤<br>岛”数据共享</p>
                                </li>
                            </ul>
                            <div class="hc_block4_more">
                                <a href="/page/bestworks.html">了解更多 ></a>
                            </div>
                        </div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg1.png" alt="">

                            </div>
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <!-- 华能福州电厂 -->
                    <div class="swiper-container hc_block4_swiper">
                        <div class="hc_block4_docs">
                            <h4 class="hc_block4_docs_title">安全生产管理系统</h4>
                            <p class="hc_block4_docs_desc">实现安全生产专业化管理和企业管理的有效集成。</p>
                            <ul class="hc_block4__docs_list">
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-4-1.png" alt="">
                                    <p>提高安全管理水平</p>
                                </li>
                                <li class="hc_block4_docs_item active">
                                    <img src="/images/index/block4-4-2.png" alt="">
                                    <p>控制安全责任风险</p>
                                </li>
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-4-3.png" alt="">
                                    <p>减少安全生产事故</p>
                                </li>
                            </ul>
                            <div class="hc_block4_more">
                                <a href="/page/bestworks.html">了解更多 ></a>
                            </div>
                        </div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg1.png" alt="">

                            </div>
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                    <!-- 金岳慧创 -->
                    <div class="swiper-container hc_block4_swiper">
                        <div class="hc_block4_docs">
                            <h4 class="hc_block4_docs_title">设备管理系统</h4>
                            <p class="hc_block4_docs_desc">以设备全生命周期管理为核心，保障设备良好运转，追求效益最大化</p>
                            <ul class="hc_block4__docs_list">
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-5-1.png" alt="">
                                    <p>标准作业知识库</p>
                                </li>
                                <li class="hc_block4_docs_item active">
                                    <img src="/images/index/block4-5-2.png" alt="">
                                    <p>融合设备知识管理</p>
                                </li>
                                <li class="hc_block4_docs_item">
                                    <img src="/images/index/block4-5-3.png" alt="">
                                    <p>快速、科学的数据分析</p>
                                </li>
                            </ul>
                            <div class="hc_block4_more">
                                <a href="/page/bestworks.html">了解更多 ></a>
                            </div>
                        </div>
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg1.png" alt="">

                            </div>
                            <div class="swiper-slide">
                                <img src="/images/index/block4-1-bg2.png" alt="">
                            </div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>

        </div>
        <div class="hc_block5">
            <div class="hc_block_top">
                <div class="hc_block_titlebox">
                    <h2 class="hc_block_title1">多端同步</h2>
                    <h4 class="hc_block_title2">一套系统，多端同步</h4>
                </div>
                <p class="hc_block_title3">一次开发，多端同步生成，支持PC端、移动端、小程序/H5等，轻松实现全平台覆盖</p>
            </div>
            <img src="/images/index/block5-bg.png" alt="">
        </div>
        <div class="hc_block6">
            <div class="hc_block_top">
                <div class="hc_block_titlebox">
                    <h2 class="hc_block_title1">合作伙伴</h2>
                    <h4 class="hc_block_title2">合作伙伴</h4>
                </div>
            </div>
            <div class="hc_block_ctn">
                <div class="top"></div>
                <div class="bottom"></div>
                <div class="hc_block6_slide">
                    <div class="hd">
                        <ul>
                            <li></li>
                        </ul>
                    </div>
                    <div class="bd hc_block6_bd">
                        <ul class="hc_block6_logo">
                            <li>
                                <img src="/images/index/block6-bg.png" alt="">
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
        <div class="hc_block7">
            <img src="/images/index/block7-bg.png" alt="">
            <div class="hc_block7_docs">

                <h2 class="hc_block7_title"><span>更低代码</span><span>更高效率</span><span>更快转型</span></h2>
                <div class="hc_block7_apply">
                    <a href="javascript:;">申请体验</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="hc-foot">
    </div>
</body>

<script src="../js/common.js"></script>
<script>
    $(function () {
        var swiper = new Swiper(".hc_swiper", {
            // loop: true,
            autoplay: {
                delay: 6000,
            },
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
        });
        var swiper2 = new Swiper(".hc_block4_swiper", {
            lazy: true,
            loop: true,
            speed: 3000,
            effect: 'fade',
            fadeEffect: {
                crossFade: true
            },
            autoplay: {
                delay: 8000,
                disableOnInteraction: false
            },
            loop: true,
            // effect: 'fade',
            pagination: {
                el: ".swiper-pagination",
                clickable: true,
            },
        });
        $(".hc_block2_slide").slide({ titCell: ".hd>ul>li", mainCell: ".hc_block2_bd>ul", delayTime: 0 });
        $(".hc_block3_slide").slide({ titCell: ".hd>ul>li", mainCell: ".hc_block3_bd", trigger: "click" });
        $(".hc_block4_slide").slide({ titCell: ".hd>ul>li", mainCell: ".hc_block4_bd", trigger: "click", delayTime: 0 });

        $(".hc_block6_slide").slide({ mainCell: ".hc_block6_bd ul", autoPlay: true, effect: "topMarquee", vis: 1, interTime: 20, trigger: "click", isResizeEvent: true });

        window.onscroll = function () {
            if (scrollY >= 100) {
                $(".hc-head-ctn").css("background", "rgba(255, 255, 255, 1)")
            } else {
                $(".hc-head-ctn").css("background", "rgba(255, 255, 255, 0)")
            }
        }

    });


</script>

</html>